<template>
  <view class="main">
    <view class="item dispaly-just-between" @click="navTo(`/subPackage/mine/setting/userInfo`)">
      <view class="left">修改个人资料</view>
      <view class="right">
        <tn-icon name="right" color="#b7b7b7" size="40" />
      </view>
    </view>
    <view class="item dispaly-just-between" @click="navTo(`/subPackage/mine/setting/agreement?type=${1}`)">
      <view class="left">用户协议</view>
      <view class="right">
        <tn-icon name="right" color="#b7b7b7" size="40" />
      </view>
    </view>
    <view class="item dispaly-just-between" @click="navTo(`/subPackage/mine/setting/agreement?type=${2}`)">
      <view class="left">隐私政策</view>
      <view class="right">
        <tn-icon name="right" color="#b7b7b7" size="40" />
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { navTo } from '@/utils/util'
</script>

<style>
page {
  background: #f4f4f6;
}
</style>

<style lang="scss" scoped>
.main {
  padding: 23rpx 30rpx;

  .item:last-child {
    margin-bottom: 0;
  }

  .item {
    padding: 37rpx 40rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
    margin-bottom: 20rpx;

    .left {
      font-family: PingFang SC, PingFang SC;
      font-weight: bold;
      font-size: 30rpx;
      color: #000000;
    }
  }
}
</style>